// // const path = require('path');
// // // const {resolve} = require("./build/webpack.base.conf");
// // function resolve (dir) {
// //   return path.join(__dirname, dir)
// // }
// //
// // module.exports = {
// //   // configureWebpack: {
// //   //   resolve:{
// //   //     alias:{
// //   //
// //   //     }
// //   //   }
// //   // },
// //   css: {
// //     loaderOptions: {
// //       less: {
// //         lessOptions: {
// //           modifyVars: {
// //             'primary-color': '#1BD0A2',
// //             'link-color': '#1BD0A2',
// //             'border-radius-base': '2px',
// //             'btn-border-radius-base': '30px',
// //             'btn-primary-bg': '#1BD0A2',
// //             'btn-danger-bg': '#f56c6c',
// //             'body-background': '#F4F4F5'
// //           },
// //           javascriptEnabled: true,
// //         },
// //         import: path.resolve('/src/styles/global.less'),
// //       },
// //     },
// //   },
// //   pluginOptions: {
// //     'style-resources-loader': {
// //       preProcessor: 'less',
// //       patterns: [
// //         path.resolve(__dirname,'./src/styles/global.less'),
// //         path.resolve(__dirname,'./src/styles/layout.less'),
// //       ]
// //     }
// //   }
// // }
//
//
//
// // vue.config.js
// const path = require('path')
//
// module.exports = {
//   chainWebpack: config => {
//     const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
//     types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
//   },
// }
//
// function addStyleResource (rule) {
//   rule.use('style-resource')
//     .loader('style-resources-loader')
//     .options({
//       patterns: [
//         path.resolve(__dirname, './src/styles/global.less'),
//         path.resolve(__dirname, './src/styles/layout.less'),
//         path.resolve(__dirname, './src/styles/color.less'),
//       ],
//     })
// }

const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  // configureWebpack: {
  //   resolve: {
  //     alias: {
  //       // eslint-disable-next-line no-undef
  //       '@': resolve('src'),
  //     },
  //   },
  // },
  pluginOptions: {
    "style-resources-loader": {
      preProcessor: "less",
      patterns: [path.resolve(__dirname, "./src/styles/color.less")]
    }
  }
};
